<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>easyMeeting</title>

  <!-- css style links -->
  <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="css/main.css">
  <!--<link rel="icon" href="images/logo.png">-->

  <!-- scripts -->
  <script src="js/jquery.min.js"></script>
  <script src="bootstrap/js/bootstrap.js"></script>
  <script src="js/calendar.js"></script>
</head>
<body>
  <!-- app heaher -->
  <header class="navbar navbar-default">
    <div class="container-fluid">
      <div class="row">
        <div class="menu">
          <button class="btn btn-primary">
            <span class="glyphicon glyphicon-tasks"></span> 菜单
          </button>
        </div>

        <div class="search">
          <div class="input-group">
            <input class="form-control" type="text">
            <span class="input-group-btn">
              <button type="button" class="btn btn-primary">
                <span class="glyphicon glyphicon-search"></span>
              </button>
            </span>
          </div>
        </div>

        <div class="logo">
          <!-- logo -->
          <a href="#">
              <!--<img src="images/logo.png" alt="logo">-->
	      <span>easyMeeting</span>
          </a>
        </div>

        <div class="user">
          <a href="sign.html" class="register btn btn-primary">注册</a>
          <a href="sign.html" class="login btn btn-primary">登录</a>
        </div>
      </div>
    </div>
  </header>

  <!-- 主体部分-日历 -->
  <div class="calendar-wrapper panel panel-default">
    <div class="calendar-header panel-heading">
      <div class="row">
        <h3 class="calendar-title js-calendar-title"></h3>
        <div class="calendar-today">
          <button class="btn btn-default back-to-today">回到今天</button>
        </div>
        <div class="calendar-next-pre">
          <button class="btn btn-default previous-week previous-month">
            <span class="glyphicon glyphicon-chevron-up"></span>
          </button>
          <button class="btn btn-default next-week next-month">
            <span class="glyphicon glyphicon-chevron-down"></span>
          </button>
        </div>
        <div class="calendar-view">
          <button id="btn-show-week" class="btn btn-default">周视图</button>
          <button id="btn-show-month" class="btn btn-default">月视图</button>
        </div>
      </div> <!-- end of row -->
      <div class="day-of-week row">
        <div>周日</div>
        <div>周一</div>
        <div>周二</div>
        <div>周三</div>
        <div>周四</div>
        <div>周五</div>
        <div>周六</div>
      </div>
    </div>  <!-- end of panel-heading -->

    <div class="calendar-content panel-body">
      <div class="calendar-month-view scroll-bar-ver">
        <table class="calendar-table table">
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <!-- center <tr class="mweek"> -->
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
      	  <!-- center <tr class="mweek"> -->
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
          <tr class="mweek">
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
            <td class="day-cell">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </td>
          </tr>
        </table>
      </div> <!-- end of scroll-bar -->

      <div class="calendar-week-view scroll-bar-hor">
        <div class="calendar-weeks-wrapper">
          <div class="week">
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
          </div> <!-- end of week -->

          <div class="week">
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
          </div> <!-- end of week -->

          <div class="week">
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
          </div> <!-- end of week -->

          <div class="week">
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
          </div> <!-- end of week -->

          <div class="week">
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
            <div class="day-col">
              <div class="calendar-day js-expand-day">
                <div class="day-header">
                  <h3 class="date"></h3>
                  <div class="num-meetings"></div>
                  <a href="#" class="close-btn"></a>
                </div>
                <div class="meeting-lists"></div>
                <a class="link-book-meeting quiet-btn" href="#">预定会议</a>
              </div>
            </div>
          </div> <!-- end of week -->

        </div> <!-- end of calender-week-wrapper -->
      </div> <!-- end of calendar-week-view -->
    </div> <!-- end of panel-body -->
  </div> <!-- end of calendar-wrapper -->

  <div class="pop-over">
    <div>
      <div class="pop-over-header">
        <span class="pop-over-header-title">预定会议...</span>
        <a href="#" class="close-btn position-right"></a>
      </div>
      <div class="pop-over-content">
        <div>
          <textarea class="input-meeting-title" name="meeting-title"
           placeholder="输入会议主题"></textarea>
        </div>
        <div class="meeting-rooms list-btn-link setting">
          <span class="setting-label">选择会议室</span>
          <span class="setting-value js-list-value">会议室1</span>
          <select class="js-select-list">
            <option value="会议室1">会议室1</option>
            <option value="会议室2">会议室2</option>
            <option value="会议室3">会议室3</option>
            <option value="会议室4">会议室4</option>
            <option value="会议室5">会议室5</option>
            <option value="会议室6">会议室6</option>
          </select>
        </div>
        <div class="meeting-duration">
            <div class="list-btn-link pull-left setting">
              <span class="setting-label">开始时间</span>
              <span class="setting-value js-list-value">08:00</span>
              <select class="js-select-list start-time">
                <option value="00:00">00:00</option>
                <option value="00:30">00:30</option>
                <option value="01:00">01:00</option>
                <option value="01:30">01:30</option>
                <option value="02:00">02:00</option>
                <option value="02:30">02:30</option>
                <option value="03:00">03:00</option>
                <option value="03:30">03:30</option>
                <option value="04:00">04:00</option>
                <option value="04:30">04:30</option>
                <option value="05:00">05:00</option>
                <option value="05:30">05:30</option>
                <option value="06:00">06:00</option>
                <option value="06:30">06:30</option>
                <option value="07:00">07:00</option>
                <option value="07:30">07:30</option>
                <option value="08:00" selected="">08:00</option>
                <option value="08:30">08:30</option>
                <option value="09:00">09:00</option>
                <option value="09:30">09:30</option>
                <option value="10:00">10:00</option>
                <option value="10:30">10:30</option>
                <option value="11:00">11:00</option>
                <option value="12:30">12:30</option>
                <option value="13:00">13:00</option>
                <option value="13:30">13:30</option>
                <option value="14:00">14:00</option>
                <option value="14:30">14:30</option>
                <option value="15:00">15:00</option>
                <option value="15:30">15:30</option>
                <option value="16:00">16:00</option>
                <option value="16:30">16:30</option>
                <option value="17:00">17:00</option>
                <option value="17:30">17:30</option>
                <option value="18:00">18:00</option>
                <option value="18:30">18:30</option>
                <option value="19:00">19:00</option>
                <option value="19:30">19:30</option>
                <option value="20:00">20:00</option>
                <option value="20:30">20:30</option>
                <option value="21:00">21:00</option>
                <option value="21:30">21:30</option>
                <option value="22:00">22:00</option>
                <option value="22:30">22:30</option>
                <option value="23:00">23:00</option>
                <option value="23:30">23:30</option>
              </select>
            </div>
            <div class="list-btn-link pull-left setting">
              <span class="setting-label">结束时间</span>
              <span class="setting-value js-list-value">09:30</span>
              <select class="js-select-list end-time">
                <option value="00:00">00:00</option>
                <option value="00:30">00:30</option>
                <option value="01:00">01:00</option>
                <option value="01:30">01:30</option>
                <option value="02:00">02:00</option>
                <option value="02:30">02:30</option>
                <option value="03:00">03:00</option>
                <option value="03:30">03:30</option>
                <option value="04:00">04:00</option>
                <option value="04:30">04:30</option>
                <option value="05:00">05:00</option>
                <option value="05:30">05:30</option>
                <option value="06:00">06:00</option>
                <option value="06:30">06:30</option>
                <option value="07:00">07:00</option>
                <option value="07:30">07:30</option>
                <option value="08:00">08:00</option>
                <option value="08:30">08:30</option>
                <option value="09:00">09:00</option>
                <option value="09:30" selected>09:30</option>
                <option value="10:00">10:00</option>
                <option value="10:30">10:30</option>
                <option value="11:00">11:00</option>
                <option value="12:30">12:30</option>
                <option value="13:00">13:00</option>
                <option value="13:30">13:30</option>
                <option value="14:00">14:00</option>
                <option value="14:30">14:30</option>
                <option value="15:00">15:00</option>
                <option value="15:30">15:30</option>
                <option value="16:00">16:00</option>
                <option value="16:30">16:30</option>
                <option value="17:00">17:00</option>
                <option value="17:30">17:30</option>
                <option value="18:00">18:00</option>
                <option value="18:30">18:30</option>
                <option value="19:00">19:00</option>
                <option value="19:30">19:30</option>
                <option value="20:00">20:00</option>
                <option value="20:30">20:30</option>
                <option value="21:00">21:00</option>
                <option value="21:30">21:30</option>
                <option value="22:00">22:00</option>
                <option value="22:30">22:30</option>
                <option value="23:00">23:00</option>
                <option value="23:30">23:30</option>
              </select>
            </div>
        </div>
        <input type="submit" class="btn-book-meeting btn btn-success btn-block"
               value="预定">
      </div>
    </div>
  </div>
</body>
</html>
